<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>卡片翻转时钟</title>
    <link rel="stylesheet" href="clock.css" />
</head>

<body>
<div class="clock">
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
    <em class="divider">:</em>
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
    <em class="divider">:</em>
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
    <div class="flip">
        <div class="digital front" data-number="0"></div>
        <div class="digital back" data-number="1"></div>
    </div>
</div>

<!-- partial -->
<script src="clock.js"></script>
</body>
</html>